feat: minimalist UI redesign with warm palette#21
Merged
Conversation
Strip the UI to its essence: remove all gradients, glass-morphism, backdrop-filter blur, serif fonts, decorative shadows, and per-launcher gradient backgrounds. Replace with a near-monochrome palette (#fafafa light / #111111 dark), flat solid surfaces, thin borders as primary separators, and a single muted teal accent used sparingly for interactive states. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Shift all neutrals from pure gray to warm-tinted: - Background: #fafafa → #f8f6f3 (warm off-white, like quality paper) - Ink: #1a1a1a → #1c1917 (warm dark, like walnut ink) - Surfaces: warm whites (#fefdfb, #f7f5f2, #f3f1ee) - Borders/shadows: warm-tinted rgba(28,25,23,...) instead of pure black - Dark mode: #111111 → #151312 (warm dark, like aged wood) - Dark ink: #d4d4d4 → #dbd6d0 (warm light) Still minimalist, still restrained — but now it feels like real materials instead of a grayscale printout. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The previous warm-gray palette felt lifeless — all surfaces at the same warmth level with no temperature contrast. New approach: Light mode "Sand & Sage": - Page: #f4f1eb (warm parchment) - Cards: #fbf9f6 (cream white, lighter than page — creates lift) - Topbar/sidebar: #edeae4 (sand, darker than page — creates weight) - Ink: #2a2520 (deep espresso, not pure black) - Accent: #4a7c6a (sage green, warmer than clinical teal) Dark mode "Charcoal & Cream": - Page: #161410 (warm charcoal) - Cards: #1e1c19 (warmer lift) - Ink: #d8d2ca (warm cream, not pure gray) - Accent: #6ab8a0 (soft sage) The key: surface layers now have visible temperature differences between them instead of all being the same shade of warm gray. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This reverts commit 3a58b1c.
When the filesystem watcher fires worktrees-changed, the frontend calls loadRepoInner → open_repo, which previously always restarted the watcher. On macOS (FSEvents), creating a new watcher can emit initial events for existing directory contents, causing an infinite loop: watcher fires → reload → restart watcher → fires again. Fix: skip watcher restart if already watching the same repo path. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Rename _repo_root → repo_root in WatcherInner (actively used, not just held for drop) - Bump --ink-tertiary opacity 0.4 → 0.46 (light) and 0.42 → 0.48 (dark) for WCAG AA contrast compliance - Sync CLAUDE.md and DESIGN_SYSTEM.md color values with actual CSS (#f8f6f3 bg, #1c1917 ink, #2e7a6e teal, #fefdfb cards) - Restore deleted reference sections in DESIGN_SYSTEM.md: typography, spacing, transitions, toast, layout constants Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Update intro wording ("warm ink tones" vs "near-monochrome"), fix
launcher icon dark background color (#1c1917), and restore deleted
reference sections (typography, spacing, transitions, toast, layout
constants) that the docs-sync agent wrote after the prior commit.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The minimalist redesign stripped all per-launcher brand backgrounds, leaving icons like Claude (white glyph on generic gray) visually broken. Restore solid brand bg for Claude and subtle brand tints for VS Code, Codex, Gemini, WezTerm, Alacritty, and Kitty in both light and dark mode. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
backdrop-filter: blur), serif fonts, decorative shadows, and per-launcher gradient backgrounds#f8f6f3light /#151312dark), deep espresso ink (#1c1917), and a single muted teal accent used sparingly for interactive statesopen_reporestarted the filesystem watcher on every reload, causing FSEvents to emit initial events that triggered another reloadChanges
src/styles.css— Complete visual overhaul: flat solid surfaces, no gradients, reduced border-radius scale, uniform launcher icon backgrounds, warm-tinted color tokens for both light and dark modesDESIGN_SYSTEM.md— Rewritten to reflect minimalist design principles (no gradients, no blur, no serif, borders over shadows)CLAUDE.md— Updated design system section to match new aestheticsrc-tauri/src/watcher.rs— Skip watcher restart if already watching the same repo pathTest plan
🤖 Generated with Claude Code